<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<jsp:include page="/WEB-INF/jsp/head.jsp" />

<script type="text/javascript">
	var mapDiv = "#mapDiv";
	var resultadoPesquisa = '${resultadoPesquisa}';

	$(document).ready(function() {
		//Seta os valores iniciais de DataInicio e Data Fim
		$("#dataInicial").val("${datIni}");
		$("#dataFinal").val("${datFim}");

		//define titulo da pagina
		$("#divTitle").html("Análise por Região");

		$("#btnPesq").click(function() {

			var datIni = $("#dataInicial").val();
			var datFim = $("#dataFinal").val();

			if (datIni.length < 1 || datFim.length < 1) {
				alert("Informe a Data de Inicio e Fim");
			} else {
				$("#pesquisa").submit();
			}

		});

		if (resultadoPesquisa.length > 0) {
			DrawTable();
		}

	});

	function DrawTable() {
		$('#tab').empty();

		$('#tab')
				.append(
						'<table border="1" width="100%" cellspacing="0" cellpadding="2" border="1" style="border-collapse:collapse;" />');
		$('#tab table')
				.append(
						'<tr><th scope="col">Fraude ID</th><th scope="col">Fraude Type</th><th scope="col">Forma Detecção</th><th scope="col">Data Detecção</th><th scope="col">Transação ID</th> <th scope="col">Data Transação</th><th scope="col">Valor Transação</th><th scope="col">Tipo Transação</th></tr>');

		var result = JSON.parse(resultadoPesquisa);

		$.each(result.fraudes, function(key, val) {
			$('#tab table').append(
					'<tr><td>' + val.fraude_id + '</td><td>' + val.fraude_type
							+ '</td><td>' + val.fraude_forma_deteccao
							+ '</td><td>' + val.fraude_data_deteccao
							+ '</td><td>' + val.trans_id + '</td><td>'
							+ val.trans_data + '</td><td>' + val.trans_price
							+ '</td><td>' + val.trans_type + '</td></tr>');
			//return false;
		});

	}
</script>

</head>
<body>
	<jsp:include page="/WEB-INF/jsp/cabecalhoScaf.jsp" />
	<form method="POST" name="pesquisa" id="pesquisa">
		<table>
			<tr>
				<td><jsp:include page="/WEB-INF/jsp/common/RangeDatas.jsp" /></td>
			</tr>
			<tr>
				<td><jsp:include
						page="/WEB-INF/jsp/common/FiltrosTransacao.jsp" /></td>
			</tr>
		</table>

		<div class="linha" />
		<input type="button" id="btnPesq" value="Pesquisar">
	</form>
	<div id="tab" style="width: 100%;">
</body>
</html>